.datail{
	background: #f7f8f8;
	padding-top: 100px;
	padding-bottom: 100px;
}
.datail-art{
	width: 1358px;
	margin: auto;
}
.tupian{
	position: relative;
}
.font{
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	height: 80px;
	font-size: 30px;
	font-weight: 1000;
	line-height: 80px;
	color: white;
	background-color:rgba(0,0,0,0.5) ;
}
.btn{
	position: absolute;
	bottom:49px ;
	right: 92px;
	display: block;
    width: 153px;
    height: 40px;
    background: url(//game.gtimg.cn/images/lol/web201310/page.png?d=20131230) -638px 0;
}
.store{
	overflow: hidden;
	position: absolute;

	
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 500px;
	padding:30px 30px ;
	font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
    color: wheat;
    opacity: 0;
    border: 1px solid darkcyan;
}
.store>h1{
	font-size: 30px;
	line-height: 30px;
	color: skyblue;
	text-align: center;
	margin-bottom:20px ;
}
.tupian:hover .store{
	transition: all 1s;
	opacity: 1;
}

.howuse{
	padding: 100px 100px;
}

.howuse>header{
    font-size: 50px;
	line-height: 69px;
	color: skyblue;
	text-align: center;
	margin-bottom:20px ;
}

.usethis{
	border: 1px solid slateblue;
	padding:20px 20px ;
	margin-bottom: 40px;
}
.usethis>header{
	
	color: deepskyblue;
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
	
}


